<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仿当当网</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!--头部导航区域-->
    <div class="wrap">
        <div class="head">
            <div><a href="javascript:void(0)"><img src="image/0.png"/></a></div>
            <div class="left">送至：<span>广东 ∨<div class="province hidden">假装有很多省份都在这</div></span></div>

            <ul class="right">
                <li>
                    <span>欢迎光临当当网，请</span>
                    <a href="javascript:void(0)" style="color: #ff3c3c">登录</a>
                    <a href="javascript:void(0)">免费注册</a>
                </li>
                <li><a href="javascript:void(0)">购物车0</a></li>
                <li><a href="javascript:void(0)">我的订单</a></li>
                <li><a href="javascript:void(0)">当当自出版</a></li>
                <li><a href="javascript:void(0)">手机当当</a></li>
                <li><a href="javascript:void(0)">我的当当</a></li>
                <li><a href="javascript:void(0)">企业采购</a></li>
                <li><a href="javascript:void(0)">客户服务</a></li>
                <li><a href="javascript:void(0)" style="color: #ff3c3c">纽交所上市公司</a></li>
            </ul>
        </div>

<!--logo和搜索区域-->
        <div class="logo-search">
            <div class="logo left"><a href="javascript:void(0)"><img src="image/1.png"/></a></div>
            <div class="search left">
                <input type="text" value="尾品汇3折疯，季末大清仓"/>
                <button>全部分类</button>
            </div>
            <span style="cursor: pointer">热搜：微波炉&nbsp;&nbsp;&nbsp;服装唯品会&nbsp;&nbsp;&nbsp;百货大清仓3折疯&nbsp;&nbsp;&nbsp;连衣裙&nbsp;&nbsp;&nbsp;吃到自然瘦&nbsp;&nbsp;&nbsp;海外购&nbsp;&nbsp;&nbsp;高级搜索</span>
            <div class="two-button right">
                <button class="first-button">购物车0</button>
                <button class="second-button">我的订单</button>
            </div>
        </div>

<!--商品分类和banner区域-->
        <div class="banner">
            <ul class="first-ul">
                <li class="first-li"><a href="javascript:void(0)">全部商品详细分类</a></li>
                <li><a href="javascript:void(0)">唯品会</a></li>
                <li><a href="javascript:void(0)">图书</a></li>
                <li><a href="javascript:void(0)">电子书</a></li>
                <li><a href="javascript:void(0)">服装</a></li>
                <li><a href="javascript:void(0)">运动户外</a></li>
                <li><a href="javascript:void(0)">孕婴童</a></li>
                <li><a href="javascript:void(0)">家居</a></li>
                <li><a href="javascript:void(0)">当当优品</a></li>
                <li><a href="javascript:void(0)">1号店超市</a></li>
                <li><a href="javascript:void(0)">海外购</a></li>
                <li><a href="javascript:void(0)">电器城</a></li>
                <li><a href="javascript:void(0)">唯品会</a></li>
                <li><a href="javascript:void(0)">图书</a></li>
            </ul>
            <ul class="second-ul left">
                <li><a href="javascript:void(0)">图书、童书、电子书</a></li>
                <li><a href="javascript:void(0)">服饰、内衣</a></li>
                <li><a href="javascript:void(0)">鞋靴、箱包</a></li>
                <li><a href="javascript:void(0)">运动、户外</a></li>
                <li><a href="javascript:void(0)">孕、婴、童</a></li>
                <li><a href="javascript:void(0)">家居、家纺、汽车</a></li>
                <li><a href="javascript:void(0)">家具、家装、康体</a></li>
                <li><a href="javascript:void(0)">美妆、个人护理、成人</a></li>
                <li><a href="javascript:void(0)">食品、饮酒、生鲜</a></li>
                <li><a href="javascript:void(0)">腕表、珠宝饰品、眼镜</a></li>
                <li><a href="javascript:void(0)">手机、数码</a></li>
                <li><a href="javascript:void(0)">电脑办公</a></li>
                <li><a href="javascript:void(0)">家用电器</a></li>
                <li><a href="javascript:void(0)">当当礼品卡</a></li>
            </ul>
            <ul class="slide-ul">
                <li class="active"><a href="javascript:void(0)"><img src="image/12.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/13.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/14.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/15.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/16.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/17.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/18.jpg"/></a></li>
                <li class="hidden"><a href="javascript:void(0)"><img src="image/19.jpg"/></a></li>
            </ul>
            <ul class="page-ul">
                <li class="pointer">1</li>
                <li class="no-pointer">2</li>
                <li class="no-pointer">3</li>
                <li class="no-pointer">4</li>
                <li class="no-pointer">5</li>
                <li class="no-pointer">6</li>
                <li class="no-pointer">7</li>
                <li class="no-pointer">8</li>
            </ul>
            <div class="prev hidden">&lt;</div>
            <div class="next hidden">&gt;</div>
            <ul class="forth-ul">
                <li class="left"><a href="javascript:void(0)"><img src="image/21.jpg"/></a></li>
                <li class="left"><a href="javascript:void(0)"><img src="image/22.jpg"/></a></li>
                <li class="left"><a href="javascript:void(0)"><img src="image/23.jpg"/></a></li>
                <li class="left"><a href="javascript:void(0)"><img src="image/24.jpg"/></a></li>
            </ul>
            <div class="fifth-div">
                <div><a href="javascript:void(0)"><img src="image/11.png"/></a></div>
                <div class="second-div">
                    <div class="left">促销信息</div>
                    <div class="right grey">服务公告</div>
                    <ul class="first-ul1">
                        <li><a href="javascript:void(0)">积分支付上线了，直接当钱用！</a></li>
                        <li><a href="javascript:void(0)">爆品电子书，每天免费领</a></li>
                        <li><a href="javascript:void(0)">海南因交通管制订单推迟派送</a></li>
                        <li><a href="javascript:void(0)">关于假冒客服诈骗的声明</a></li>
                    </ul>
                    <ul class="second-ul2 hidden">
                        <li><a href="javascript:void(0)">积分支付上线了，直接当钱用！</a></li>
                    </ul>
                </div>
                <div class="third-div">
                    <div class="left div1">当当读书</div>
                    <div class="left div2 grey">当当优品</div>
                    <div class="left div3 grey">礼品卡</div>
                    <p class="p1"><a href="javascript:void(0)"><img src="image/27.jpg"/></a></p>
                    <p class="p2 hidden"><a href="javascript:void(0)">哦耶~！</a></p>
                    <p class="p3 hidden"><a href="javascript:void(0)">啊哈~！</a></p>
                </div>
            </div>
        </div>

<!--内容区域-->
        <div class="content">
            <p class="title">推广商品</p>
            <ul>
                <li>
                    <img src="image/2.jpg"/>
                    <p>松下电吹风机EH-ND41 P/A 6档风温 160</p>
                    <span>￥120.00</span>
                </li>
                <li>
                    <img src="image/3.jpg"/>
                    <p>浪莎袜子 男人袜 精梳棉质网眼透视穿袜满68元包邮 满79减5</p>
                    <span>￥5.80</span>
                </li>
                <li>
                    <img src="image/4.jpg"/>
                    <p>爱贝伊春装波西米亚民族风绣花长袖牛仔外套全场包邮 支持货到付款</p>
                    <span>￥219.80</span>
                </li>
                <li>
                    <img src="image/5.jpg"/>
                    <p>爱惠浦（EVERPURE）4FC-S净水器【自营】母婴推荐，保留矿物质</p>
                    <span>￥1380.00</span>
                </li>
                <li>
                    <img src="image/6.jpg"/>
                    <p>从小爱科学·有趣的物理（全16册）</p>
                    <span>￥64.00</span>
                </li>
                <li>
                    <img src="image/7.jpg"/>
                    <p>变形警车波利-我的第一套交通安全故事24册央视热播动画，安全</p>
                    <span>￥114.00</span>
                </li>
            </ul>
        </div>

<!--footer和版权区域-->
        <div class="footer">
            <div>会员简介 | Investor Rslations | 网站联盟 | 广告服务 | 当当招商 | 机构销售 | 手机当当 | 官方Blog | 热词搜索</div>
            <div>Copyright (c) 当当网 2004-2016, All Rights Reservad</div>
            <div>京ICP证041189号 | 出版物经营许可证 新出发京批字第直0673号 | 食品流通许可证:SP1101011010021855(1-1)</div>
            <div>互联网药品信息服务资格证编号:（京）-非经营性-2012-2016 | 京公网安备1101010000001号</div>
            <div><img src="image/8.gif"/> <img src="image/9.png"/></div>
        </div>
    </div>

<script src="js/jquery-1.8.3.js"></script>
<script src="js/demo.js"></script>
</body>
</html>